<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>修改试卷</title>
	<meta name="description" content="这是一个 index 页面">
	<meta name="keywords" content="index">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="renderer" content="webkit">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="icon" type="image/png" href="../assets/i/favicon.png">
	<link rel="apple-touch-icon-precomposed" href="../assets/i/app-icon72x72@2x.png">
	<meta name="apple-mobile-web-app-title" content="Amaze UI" />
	<link rel="stylesheet" href="../assets/css/amazeui.min.css" />
	<link rel="stylesheet" href="../assets/css/amazeui.datatables.min.css" />
	<link rel="stylesheet" type="text/css" href="../assets/css/jquery.datetimepicker.css" />
	<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
	<link rel="stylesheet" href="../assets/css/app.css">
	<link rel="stylesheet" href="../assets/css/gb_my.css">
	<link rel="stylesheet" href="../assets/css/font-awesome.css">
	<link rel="stylesheet" href="../assets/css/bootstrap-reset.css">
	<link rel="stylesheet" href="../assets/css/easydropdown.css">
</head>
<body data-type="chart">
	<div class="am-g tpl-g">
		<!--头部-->
		<nav class="navbar navbar-default top-navbar">
			<div class="navbar-header">
				<a class="navbar-brand waves-effect waves-dark" href="javascript:;">
					<img src="../assets/img/logo.png" alt="">
					<strong>轻课网考试系统</strong>
				</a>
				<div id="sideNav" href="">
					<i class="mulv QK QK-mulu"></i>
				</div>
			</div>

			<ul class="nav navbar-top-links navbar-right aaa">
				<li>
					<a id="down_" class="sign-out dropdown-button waves-effect waves-dark" href="javascript:;">
						<span class="am-icon-sign-out"></span> 退出
					</a>
				</li>
				<li>
					<a class="dropdown-button waves-effect waves-dark" href="javascript:;"><b>欢迎你, <span class="userName"></span> </b></a>
				</li>
			</ul>
		</nav>
		<!--导航栏-->
		<nav class="navbar-default navbar-side">
			<div class="sidebar-collapse">
				<!--用户头像-->
				<div class="tpl-sidebar-user-panel">
					<div class="tpl-user-panel-slide-toggleable">
						<div class="tpl-user-panel-profile-picture">
							<img src="../assets/img/user04.png" alt="">
						</div>
					</div>
				</div>
				<dl class="list_dl">
					<dt class="list_dt">
					<a href="../index.html">
						<span class="QK1 start_before"></span>
						<p>首页</p>
					</a>
				</dt>
					<dt class="list_dt">
					<span class="QK1 topic_before"></span>
					<p>题库管理</p>
					<i class="QK1 list_dt_icon"></i>
				</dt>
					<dd class="list_dd">
						<ul>
							<li class="list_li">
								<a href="../questiondb/questiondb.html">管理题库</a>
							</li>
							<li class="list_li">
								<a href="../question/question.html">管理试题</a>
							</li>
						</ul>
					</dd>
					<dt id="open" class="list_dt">
					<span class="QK1 paper_before"></span>
					<p>试卷管理</p>
					<i class="QK1 list_dt_icon"></i>
				</dt>
					<dd class="list_dd" style="display: block">
						<ul>
							<li class="list_li">
								<a href="../paper/addpaper.html">创建试卷</a>
							</li>
							<li class="list_li" id="style_li_a">
								<a href="../paper/paper.html">管理试卷</a>
							</li>
						</ul>
					</dd>
					<dt class="list_dt">
					<span class="QK1 system_before"></span>
					<p>系统管理</p>
					<i class="QK1 list_dt_icon"></i>
				</dt>
					<dd class="list_dd">
						<ul>
							<li class="list_li">
								<a href="../system.html">系统管理</a>
							</li>
							<li class="list_li">
								<a href="../admin/admin.html">管理员</a>
							</li>
							<li class="list_li">
								<a href="../adminroles/adminroles.html">角色管理</a>
							</li>
						</ul>
					</dd>
					<dt class="list_dt">
					<span class="QK1 user_before"></span>
					<p>用户管理</p>
					<i class="QK1 list_dt_icon"></i>
				</dt>
					<dd class="list_dd">
						<ul>
							<li class="list_li">
								<a href="../user/user.html">管理用户</a>
							</li>
							<li class="list_li">
								<a href="../user/usergroup.html">用户分组</a>
							</li>
						</ul>
					</dd>
					<dt class="list_dt">
						<span class="QK1 user_before"></span>
						<p>知识点模块</p>
						<i class="QK1 list_dt_icon"></i>
					</dt>
					<dd class="list_dd">
						<ul>
							<li class="list_li">
								<a href="../KnowledgePoint/KnowledgeBlock.html">管理知识点</a>
							</li>
						</ul>
					</dd>
				</dl>
			</div>
		</nav>
		<!-- 内容区域 -->
		<div id="page-wrapper">
			<div class="row">
				<div class="col-lg-12">
					<section class="panel">
						<header class="panel-heading">
							<span class="label label-primary">修改试卷</span>
							<button type="button" class="btn btn-success btn-sm add_clazz btn_my" id="back">
							<span class="QK1 QK-fanhui1"></span>&nbsp;&nbsp;返回
						</button>
						</header>
						<div class="panel-body">
							<form class="form-horizontal">
								<div class="form-group">
									<label for="user-email" class="col-lg-1 col-sm-1 control-label">试题名称</label>
									<div class="col-lg-4 text_test">
										<input type="text" class="form-control" id="papername" name="papername" placeholder="请输入试题名称">
									</div>
								</div>
								<div class="form-group">
									<label for="user-email" class="col-lg-1 col-sm-1 control-label">试题状态</label>
									<div class="col-lg-4 text_test">
										<select class="dropdown select" name="status">
											<option value="1">开放</option>
											<option value="-1">不开放</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="user-email" class="col-lg-1 col-sm-1 control-label">开始时间 </label>
									<div class="col-lg-4 text_test">
										<input type="text" class="form-control" name="startTime" id="startTime" placeholder="开始时间">
									</div>
								</div>
								<div class="form-group">
									<label for="user-email" class="col-lg-1 col-sm-1 control-label">结束时间 </label>
									<div class="col-lg-4 text_test">
										<input type="text" class="form-control" name="endTime" id="endTime" placeholder="结束时间">
									</div>
								</div>
								<!--<div class="form-group">-->
									<!--<label for="user-email" class="col-lg-1 col-sm-1 control-label">考试时长</label>-->
									<!--<div class="col-lg-4 text_test">-->
										<!--<input type="text" class="form-control" id="paperminute" name="paperminute" placeholder="请输入考试时长">-->
									<!--</div>-->
								<!--</div>-->
								<div class="form-group">
									<label for="user-email" class="col-lg-1 col-sm-1 control-label">成绩公布时间 </label>
									<div class="col-lg-4 text_test">
										<input type="text" class="form-control" name="showTime" id="showTime" placeholder="成绩公布时间">
									</div>
								</div>
								<div class="form-group">
									<label for="user-email" class="col-lg-1 col-sm-1 control-label">试题排序</label>
									<div class="col-lg-4 text_test">
										<select class="dropdown select" name="qorder">
											<option value="0">试卷自身顺序</option>
											<option value="1">随机排序</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="user-email" class="col-lg-1 col-sm-1 control-label">备注</label>
									<div class="col-lg-4 text_test">
										<input type="text" class="form-control" id="remark" name="remark" placeholder="请输入备注">
									</div>
								</div>
								<div class="form-group">
									<label for="user-email" class="col-lg-1 col-sm-1 control-label">班级</label>
									<div class="col-lg-4 text_test groupsall">

									</div>
								</div>
								<div class="form-group">
									<div class="col-lg-1 col-sm-1">
										<button type="button" class="btn btn-block submit_button" id="btnadd">提交</button>
									</div>
								</div>
							</form>
						</div>
					</section>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/theme.js"></script>
<script src="../assets/js/easydropdown.js"></script>
<script src="../assets/js/JCheck.js"></script>
<script type="text/javascript" src="../assets/js/jquery.cookie.js"></script>
<script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
<script src="https://img.hcharts.cn/highcharts/modules/data.js"></script>
<script src="https://img.hcharts.cn/highcharts/modules/drilldown.js"></script>
<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/amazeui.datatables.min.js"></script>
<script src="../assets/js/dataTables.responsive.min.js"></script>
<script src="../assets/js/app.js"></script>
<script src="../assets/js/jquery.datetimepicker.full.js"></script>
<script>
	//设置时间插件
	$('#startTime').datetimepicker({
		step: 10
	});
	$('#endTime').datetimepicker({
		step: 10
	});
	$('#showTime').datetimepicker({
		step: 10
	});
	$("#back").click(function() {
		window.location.href = "paper.html";
	});

	//请求班级
	$.ajax({
		url: localApi + '/UserGroups/index',
		type: 'get',
		xhrFields: {
			withCredentials: true
		},
		crossDomain: true,
		async: false,
		data: {
			apikey: '1'
		},
		success: function(result) {
			$.each(result.data, function(n, item) {
				var column = '<label for="group_' + n + '" class="u-checkbox"><input type="checkbox"  name="checkbox" value="' + item.id + '" id="group_' + n + '"><i class="icon"></i><span class="text">' + item.groupname + '</span></label>'
				$(".groupsall").append(column)
			});
		}
	});

	var qid = window.location.search.split("=")[1];
	//请求数据
	$.ajax({
		url: localApi + "/Paper/get",
		type: 'GET',
		xhrFields: {
			withCredentials: true
		},
		crossDomain: true,
		data: {
			apikey: '1',
			id: qid
		},
		success: function(result) {
			if(result.msg == "success") {
				$("input[name='papername']").val(result.data.paperName);
				$("select[name='status']").find("option[value='" + result.data.status + "']").attr("selected", true);
				$("input[name='startTime']").val(result.data.starttime);
				$("input[name='endTime']").val(result.data.endtime);
//				$("input[name='paperminute']").val(result.data.paperMinute);
				$("input[name='showTime']").val(result.data.showScore);
				$("select[name='qorder']").find("option[value='" + result.data.qorder + "']").attr("selected", true);
				$("input[name='remark']").val(result.data.remark);

				$.each(result.data.paperUsergroup, function(n, item) {

					var items = $("input[name='checkbox']");

					for(var i = 0; i < items.length; i++) {
						if(items[i]['value'] == $.trim(item.usergroupid)) {
							console.log(items[i]['value'])
							console.log($.trim(item.usergroupid))
							$("input[value='" + $.trim(item.usergroupid) + "']").parent().addClass("u-checkbox z-checked");
							$("input[value='" + $.trim(item.usergroupid) + "']").prop("checked", true);
						};
					}
				});
			}
		}
	})

	//修改
	$(document).ready(function() {
		$('.u-radio').jRadio();
		$('.u-checkbox').jCheckbox();
		$("#btnadd").click(function() {
			var checkID = [];
			var a = $("input[name='checkbox']:checked");
			$("input[name='checkbox']:checked").each(function(i) {
				checkID[i] = $(this).attr("value");
				console.log($(this).attr("value"))
			});
			$.ajax({
				url: localApi + "/Paper/update",
				type: 'POST',
				xhrFields: {
					withCredentials: true
				},
				crossDomain: true,
				data: {
					apikey: '1',
					id: qid,
					adminid: $.cookie('id'),
					paperName: $("input[name='papername']").val(),
					status: $("select[name='status']").val(),
					starttime: $("#startTime").val(),
					endtime: $("#endTime").val(),
					paperMinute: $("#paperminute").val(),
					showScore: $("input[name='showTime']").val(),
					qorder: $("select[name='qorder']").val(),
					remark: $("input[name='remark']").val(),
					usergroup: checkID
				},
				success: function(result) {
					if(result.msg == "success") {
						window.location.href = "paper.html";
					} else {
						alert("error");
					}

				}
			});
		});

	});
</script>
<script>
	$(document).ready(function() {
		$(".list_dt").on("click", function() {
			$('.list_dd').stop();
			$(this).siblings("dt").removeAttr("id");
			if($(this).attr("id") == "open") {
				$(this).removeAttr("id").siblings("dd").slideUp();
			} else {
				$(this).attr("id", "open").next().slideDown().siblings("dd").slideUp();
			}
		});
	});
</script>
<script>
	$(document).ready(function() {
		$(".dropdown-button").dropdown();
		$("#sideNav").click(function() {
			if($(this).hasClass('closed')) {
				$('.navbar-side').animate({
					left: '0px'
				});
				$(this).removeClass('closed');
				$('#page-wrapper').animate({
					'margin-left': '260px'
				});
			} else {
				$(this).addClass('closed');
				$('.navbar-side').animate({
					left: '-260px'
				});
				$('#page-wrapper').animate({
					'margin-left': '0px'
				});
			}
		});
	});
	$(".dropdown-button").dropdown();
</script>